﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CustomerView.aspx.cs" Inherits="AnalyseCRM.Operation.CustomerView" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>证券行业分析型客户关系管理之客户视图</title>
<link href="../Styles/index.css" rel="stylesheet" type="text/css" />
<link href="../Styles/Operationwrapper.css" rel="stylesheet" type="text/css" />
<link href="../Styles/common.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../Scripts/Tab.js"></script>
<script type="text/javascript" src="../Scripts/Markettab.js"></script>
<!-- 下拉菜单美化 -->
<script type="text/javascript" src="../Scripts/jquery.js"></script>
<script type="text/javascript" src="../Scripts/divselect.js"></script>
<script type="text/javascript" src="../Scripts/Common.js"></script> 
<script type="text/javascript" src="../Scripts/jquery-ui-1.9.1.custom/js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="../Highcharts/js/highcharts.js"></script>
<script type="text/javascript" src="../Highcharts/js/highcharts-more.js"></script>
<%-- <style  type="text/css">
  
        .Mclick
        {
            background: #f2f2f2;
        }
    </style>--%>

 <style  type="text/css">
  
   .ffshitutabler{
	padding: 0px;
	text-align: center;
	width: 100%;
	margin-top: 1px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.ffshitutabler td{
	padding-left: 8px;
	border-right-width: 0px;
	border-right-style: dotted;
	border-right-color: #d5d5d5;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;font-family: "微软雅黑";
	font-size: 12px;
    line-height: 26px;
	color: #666;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #d5d5d5;
}
.trbjxf{
	background-color: #f2f2f2;
	font-weight: bold;
	height: 23px;
	color: #000;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d5d5d5;
}

    </style>

<style  type="text/css">
#popupcontent{   position: absolute;   visibility: hidden;   overflow: hidden;   border:1px solid #CCC;   background-color:#F9F9F9;   border:1px solid #333;   padding:5px;}

</style>
<%--<script type="text/javascript">
    var baseText = null;
    function showPopup(w, h) {
        var popUp = document.getElementById("popupcontent");
        popUp.style.top = "200px";
        popUp.style.left = "200px";
        popUp.style.width = w + "px";
        popUp.style.height = h + "px";
        if (baseText == null) baseText = popUp.innerHTML;
        popUp.innerHTML = baseText + "<div id=\"statusbar\"><input type=\"button\" value=\"Close window\" onClick=\"hidePopup();\"></div>";
        var sbar = document.getElementById("statusbar");
        sbar.style.marginTop = (parseInt(h) - 60) + "px";
        popUp.style.visibility = "visible";
    }
    function hidePopup() {
        var popUp = document.getElementById("popupcontent");
        popUp.style.visibility = "hidden";
    }
</script>--%>

   
<%--<script type="text/javascript" src="../Scripts/cusviewchartbuild.js"></script>--%>
<script type="text/javascript">
//    $(function () {
//        $.divselect("#divselect", "#inputselect");
//    });
</script>
<script type="text/javascript">
    function selectTagvalue(showContent, setvalues, selfObj) {
        // 操作标签
        var tag = document.getElementById("tags").getElementsByTagName("li");
        var taglength = tag.length;
        for (i = 0; i < taglength; i++) {
            tag[i].className = "";
        }
        selfObj.parentNode.className = "selectTag";
        // 操作内容
        for (i = 0; j = document.getElementById("tagContent" + i); i++) {
            j.style.display = "none";
        }
        document.getElementById(showContent).style.display = "block";
        document.getElementById('hid_dealid').value = setvalues;
        //   parent.window.iFrameHeight();

        var tbl = document.getElementById("hacker");
        var trs = tbl.getElementsByTagName("tr");



        buildcharttz("");

    }
</script>
<!-- 下拉菜单美化end -->
<script type="text/javascript">
    $(document).ready(function () {
        $(".shituboxright").height($(".shituboxleft").height() - 35);
    });
</script>
<script type="text/javascript" language="javascript">
    $(function () {
        SearchQuery();


    });
    // end of document
    // 查询记录
    function SearchQuery(cPage, pSize) {
        if (!arguments[0]) cPage = _cPage;
        if (!arguments[1]) pSize = 7; //  _pSize;
        pSize = 7;
        var pValue = "zhangsan|" + cPage + "|" + pSize;
        var sjValue = $("#inputsj").val();
        var khxmValue = $("#inputkhxm").val();
        var zjhmValue = $("#inputzjhm").val();

        jQuery.ajax({
            type: 'post',
            url: "/InteractiveData/CustomerViewAjax.aspx",
            data: "paramvalue=" + escape(pValue) + "&paramtype=GetGustomerInfo" + "&SJ=" + escape(sjValue) + "&KHXM=" + escape(khxmValue) + "&ZJHM=" + escape(zjhmValue),
            cache: false,
            success: function (message) {
                if (message != "error") {
                    var arr = message.split("$");
                    BindQueryList(arr[0]);
                    SetPager(cPage, arr[1], "#pager_container", pSize);
                }
            }, error: function () { }
        });
    }

    function SearchCusQuery(cPage, pSize) {
       
        var pValue = "zhangsan|" + cPage + "|" + pSize;
        var sjValue = $("#hid_cusno").val();


        jQuery.ajax({
            type: 'post',
            url: "/InteractiveData/CustomerViewAjax.aspx",
            data: "paramvalue=" + escape(pValue) + "&paramtype=GetGustomerInfoForper" + "&GUESTNO=" + escape(sjValue),
            cache: false,
            success: function (message) {
                if (message != "error") {
                    var arr = message.split("$");
                    BindQueryListPer(arr[0]);
                  
                }
            }, error: function () { }
        });
    }

    function SearchGdCusQuery(cPage, pSize) {

        var pValue = "zhangsan|" + cPage + "|" + pSize;
        var sjValue = $("#hid_cusno").val();


        jQuery.ajax({
            type: 'post',
            url: "/InteractiveData/CustomerViewAjax.aspx",
            data: "paramvalue=" + escape(pValue) + "&paramtype=GetGustomerInfoForper" + "&GUESTNO=" + escape(sjValue),
            cache: false,
            success: function (message) {
                if (message != "error") {
                    var arr = message.split("$");
                    BindGdQueryListPer(arr[0]);

                }
            }, error: function () { }
        });
    }
    function clickgeduoinfo() {

        SearchGdCusQuery();
    }


    // 绑定查询记录
    function BindQueryListPer(message) {
        var oHtml = "";
        var ogdHtml = "";

        if (message == "none") { $("#search_resultPer").html("<tr><td colspan=9>未查询到相关记录！</td></tr>"); return; }
        var list = eval("(" + message + ")").CustomerViewMana;
       
            var data = list[0];
            oHtml += "<tr  >";
            oHtml += "<td  >" + "开户时长：" + "</td>";
            oHtml += "<td  >" + data.khsc + "天</td>";
            oHtml += "<td  >"+ "性别：" + "</td>";
            oHtml += "<td  >"+ data.khsex + "</td>";

            oHtml += "</tr>";
            oHtml += "<tr  >";
            oHtml += "<td  >" + "年龄：" + "</td>";
            oHtml += "<td  >" + data.khage + "岁</td>";
            oHtml += "<td  >" + "渠道：" + "</td>";
            oHtml += "<td  >" + data.khQuDao + "</td>";

            oHtml += "</tr>";

            oHtml += "<tr  >";
            oHtml += "<td  >" + "标识：" + "</td>";
            oHtml += "<td >" + data.khBiaoShi + "</td>";
            oHtml += "<td  >" + "状态：" + "</td>";
            oHtml += "<td  >" + data.khState + "</td>";

            oHtml += "</tr>";

            oHtml += "<tr >";
            oHtml += "<td  >" + "产品推荐：" + "</td>";
            oHtml += "<td  >" + data.KHCPTJ + "</td>";
            oHtml += "<td  >" + "资产估算排名：" + "</td>";
            oHtml += "<td  >" + data.ZCGSPM + "</td>";

            oHtml += "</tr>";

            oHtml += "<tr >";
            oHtml += "<td  >" + "客户姓名：" + "</td>";
            oHtml += "<td  >" + data.guestname + "</td>";
            oHtml += "<td  >" + "上月日均资产：" + "</td>";
            oHtml += "<td  >" + data.perdayasset + "</td>";

            oHtml += "</tr>";


            oHtml += "<tr    class=\"trbj\">";
            oHtml += " <td colspan=\"4\"><input class=\"shitubottominput\" name=\"\" type=\"button\" value=\"更多信息\" onclick=\"clickgeduoinfo();\"/></td> ";

            oHtml += "</tr>";

            ogdHtml += "<tr    >";
            ogdHtml += "<td colspan=8 class=\"DmpData1\">" + "客户基本信息：" + "</td>";
            ogdHtml += "</tr>";

            ogdHtml += "<tr  class=\"trbj\">";
            ogdHtml += "<td  class=\"DmpData1\">" + "客户编码：" + "</td>";
            ogdHtml += "<td  class=\"DmpData1\">" + data.guestno + "</td>";
            ogdHtml += "<td  class=\"DmpData1\">" + "客户姓名：" + "</td>";
            ogdHtml += "<td  class=\"DmpData1\">" + data.guestname + "</td>";
            ogdHtml += "<td  class=\"DmpData1\">" + "证件号码：" + "</td>";
            ogdHtml += "<td  class=\"DmpData1\">" + data.CERTIFICATENUM + "</td>";
            ogdHtml += "<td  class=\"DmpData1\">" + "年龄：" + "</td>";
            ogdHtml += "<td  class=\"DmpData1\">" + data.khage + "</td>";


            ogdHtml += "</tr>";


            ogdHtml += "<tr  class=\"trbj\">";
            ogdHtml += "<td  class=\"DmpData1\">" + "客户学历：" + "</td>";
            ogdHtml += "<td  class=\"DmpData1\">" + data.EDUCATIONAL + "</td>";
            ogdHtml += "<td  class=\"DmpData1\">" + "渠道：" + "</td>";
            ogdHtml += "<td  class=\"DmpData1\">" + data.khQuDao + "</td>";
            ogdHtml += "<td  class=\"DmpData1\">" + "营业部：" + "</td>";
            ogdHtml += "<td  class=\"DmpData1\">" + data.SALESDEPARTMENT + "</td>";
            ogdHtml += "<td  class=\"DmpData1\">" + "开户时长：" + "</td>";
            ogdHtml += "<td  class=\"DmpData1\">" + data.khsc + "</td>";


            ogdHtml += "<tr    class=\"trbj\">";
            ogdHtml += "<td colspan=8 class=\"DmpData1\">" + "客户联系方式：" + "</td>";
            ogdHtml += "</tr>";

            ogdHtml += "<tr  class=\"trbj\">";
            ogdHtml += "<td  class=\"DmpData1\">" + "联系电话：" + "</td>";
            ogdHtml += "<td  class=\"DmpData1\">" + data.RELTELPHONE + "</td>";
            ogdHtml += "<td  class=\"DmpData1\">" + "家庭电话：" + "</td>";
            ogdHtml += "<td  class=\"DmpData1\">" + "010-865342" + "</td>";
            ogdHtml += "<td  class=\"DmpData1\">" + "电邮地址：" + "</td>";
            ogdHtml += "<td  class=\"DmpData1\">" + data.KHEMAIL + "</td>";



            ogdHtml += "</tr>";

            ogdHtml += "<tr    class=\"trbj\">";
            ogdHtml += "<td  class=\"DmpData1\">" + "联系地址：" + "</td>";
            ogdHtml += "<td colspan=6 class=\"DmpData1\">" + data.KHRELADDRESS + "</td>";
            ogdHtml += "</tr>";







            jQuery("#search_resultPer").html(oHtml);
           

    }

 

    // 绑定查询记录
    function BindGdQueryListPer(message) {
        var oHtml = "";
        var ogdHtml = "";
        document.getElementById("geduodivinfo").style.display = "block";
        if (message == "none") { $("#geduoinfo").html("<tr><td colspan=9>未查询到相关记录！</td></tr>"); return; }
        var list = eval("(" + message + ")").CustomerViewMana;

        var data = list[0];

        ogdHtml += "<table class=\"ffshitutabler\" id=\"hacker3\" cellspacing=\"0\"> ";
        ogdHtml += "<tr   class=\"trbj\" >";
        ogdHtml += "<td colspan=7 align=\"left\">" + "客户基本信息：" + "</td>";
        ogdHtml += "<td >  <input type=\"button\" value=\"X\" onClick=\"hidePopup();\"> " + "</td>";
        ogdHtml += "</tr>";

        ogdHtml += "<tr  >";
        ogdHtml += "<td  >" + "客户编码：" + "</td>";
        ogdHtml += "<td  >" + data.guestno + "</td>";
        ogdHtml += "<td  >" + "客户姓名：" + "</td>";
        ogdHtml += "<td  >" + data.guestname + "</td>";
        ogdHtml += "<td  >" + "证件号码：" + "</td>";
        ogdHtml += "<td  >" + data.CERTIFICATENUM + "</td>";
        ogdHtml += "<td  >" + "年龄：" + "</td>";
        ogdHtml += "<td  >" + data.khage + "</td>";


        ogdHtml += "</tr>";


        ogdHtml += "<tr  >";
        ogdHtml += "<td  >" + "客户学历：" + "</td>";
        ogdHtml += "<td  >" + data.EDUCATIONAL + "</td>";
        ogdHtml += "<td  >" + "渠道：" + "</td>";
        ogdHtml += "<td  >" + data.khQuDao + "</td>";
        ogdHtml += "<td  >" + "营业部：" + "</td>";
        ogdHtml += "<td  >" + data.SALESDEPARTMENT + "</td>";
        ogdHtml += "<td  >" + "开户时长：" + "</td>";
        ogdHtml += "<td  >" + data.khsc + "</td>";


        ogdHtml += "<tr   class=\"trbj\" >";
        ogdHtml += "<td colspan=8 align=\"left\">" + "客户联系方式：" + "</td>";
        ogdHtml += "</tr>";

        ogdHtml += "<tr  >";
        ogdHtml += "<td  >" + "联系电话：" + "</td>";
        ogdHtml += "<td  >" + data.RELTELPHONE + "</td>";
        ogdHtml += "<td  >" + "家庭电话：" + "</td>";
        ogdHtml += "<td  >" + "010-865342" + "</td>";
        ogdHtml += "<td  >" + "电邮地址：" + "</td>";
        ogdHtml += "<td  >" + data.KHEMAIL + "</td>";



        ogdHtml += "</tr>";

        ogdHtml += "<tr    >";
        ogdHtml += "<td  >" + "联系地址：" + "</td>";
        ogdHtml += "<td colspan=6 >" + data.KHRELADDRESS + "</td>";
        ogdHtml += "</tr>";


        ogdHtml += "<tr   class=\"trbj\" >";
        ogdHtml += "<td colspan=8 align=\"left\">" + "客户附加信息：" + "</td>";
        ogdHtml += "</tr>";

        ogdHtml += "<tr  >";
        ogdHtml += "<td  >" + "客户分群：" + "</td>";
        ogdHtml += "<td  >" + "金额群体" + "</td>";
        ogdHtml += "<td  >" + "客户分群2：" + "</td>";
        ogdHtml += "<td  >" + "服务群体" + "</td>";
        ogdHtml += "<td  >" + "最近三个月是否有新股申购：" + "</td>";
        ogdHtml += "<td  >" + "是" + "</td>";
        ogdHtml += "</tr>";


        ogdHtml += "<tr  >";
        ogdHtml += "<td  >" + "基金产品推荐：" + "</td>";
        ogdHtml += "<td  >" + "股票型基金" + "</td>";
        ogdHtml += "<td  >" + "未来6个月是否有流失倾向：" + "</td>";
        ogdHtml += "<td  >" + "是" + "</td>";
        ogdHtml += "<td  >" + "资产估算情况：" + "</td>";
        ogdHtml += "<td  >" + "600万元" + "</td>";
        ogdHtml += "</tr>";



//        ogdHtml += "<tr    class=\"trbj\">";
//        ogdHtml += "<td colspan=8 class=\"DmpData1\">  <input type=\"button\" value=\"关闭窗口\" onClick=\"hidePopup();\"> "+ "</td>";
//        ogdHtml += "</tr>";

        ogdHtml += "</table>";

        
        var baseText = null;
       
            var popUp = document.getElementById("popupcontent");
            popUp.style.top = "200px";
            popUp.style.left = "200px";
            popUp.style.width =  "700px";
            popUp.style.height = "500px";
            if (baseText == null) baseText = ogdHtml; //  popUp.innerHTML;
            popUp.innerHTML = baseText ;
          //  var sbar = document.getElementById("statusbar");
         //   sbar.style.marginTop = (parseInt(500) - 60) + "px";
            popUp.style.visibility = "visible";
      
    

       // jQuery("#geduoinfo").html(ogdHtml);

    }

    function hidePopup() {
        var popUp = document.getElementById("popupcontent");
        popUp.style.visibility = "hidden";
    }

    function YnSearchQuery(cPage, pSize) {
        if (!arguments[0]) cPage = _cPage;
        if (!arguments[1]) pSize = _pSize;
        var pValue = "zhangsan|" + cPage + "|" + pSize;
        var sjValue ="";
        var khxmValue = "";
        var zjhmValue = "";

        jQuery.ajax({
            type: 'post',
            url: "/InteractiveData/CustomerViewAjax.aspx",
            data: "paramvalue=" + escape(pValue) + "&paramtype=GetGustomerInfo" + "&SJ=" + escape(sjValue) + "&KHXM=" + escape(khxmValue) + "&ZJHM=" + escape(zjhmValue),
            cache: false,
            success: function (message) {
                if (message != "error") {
                    var arr = message.split("$");
                    YnBindQueryList(arr[0]);
               //     SetPager(cPage, 5, "#ynpager_container", 5);
                }
            }, error: function () { }
        });
    }


    function buildcharttz(cusno) {

        var tagvalue = document.getElementById('hid_dealid').value;
        var _cusno;
        if (cusno != "") {
            document.getElementById('hid_cusno').value = cusno;
            _cusno = cusno;
        }
        else {
            _cusno = document.getElementById('hid_cusno').value;

        }
        switch (parseInt(tagvalue))
        {
            case 0:
                buildzEstimation();
                buildyjmation();
                buildjzcmation();
                buildzrzccmation();
                break;
            case 1:
                buildkhcccmation();
                buildkhymcpszbltj();
                buildkhymccbltj();
                YnSearchQuery();
                break;
            case 2:
                buildkhwtsdmrmctj();
                buildkhgmwtzjzb();
                buildkhwtqdcstj();
                buildkhzjzuizatbbl();
                break;
            case 3:
                buildhkmrjejecstptj();
                buildkhykltj();
                buildkhmcjejecstj();
                buildkhhsltj();
                break;
        }
        SearchCusQuery();


    }

    function buildcharttz2(cusno,obj) {

        var tagvalue = document.getElementById('hid_dealid').value;
        var _cusno;
        if (cusno != "") {
            document.getElementById('hid_cusno').value = cusno;
            _cusno = cusno;
        }
        else {
            _cusno = document.getElementById('hid_cusno').value;

        }
        switch (parseInt(tagvalue)) {
            case 0:
                buildzEstimation();
                buildyjmation();
                buildjzcmation();
                buildzrzccmation();
                break;
            case 1:
                buildkhcccmation();
                buildkhymcpszbltj();
                buildkhymccbltj();
                YnSearchQuery();
                break;
            case 2:
                buildkhwtsdmrmctj();
                buildkhgmwtzjzb();
                buildkhwtqdcstj();
                buildkhzjzuizatbbl();
                break;
            case 3:
                buildhkmrjejecstptj();
                buildkhykltj();
                buildkhmcjejecstj();
                buildkhhsltj();
                break;
        }
        SearchCusQuery();

      //  obj.style.backgroundColor = "blue";

        var tbl = document.getElementById("hacker");
        var trs = tbl.getElementsByTagName("tr");
        for (var i = 0; i < trs.length; i++) {
            if (trs[i] == obj) {             //判断是不是当前选择的行
                trs[i].style.background = "blue";
            }
            else {
                trs[i].style.background = "white";
            }
        }



    }

    function buildzEstimation() {
        var pValue = "F02001";
        jQuery.ajax({
            type: "post",
            url: "/InteractiveData/CustomerViewAjax.aspx",
            data: "paramvalue=" + escape(pValue) + "&paramtype=BuilderChartF02001",
            beforeSend: function () {
                //                $("#divprocess").show();
            },
            success: function (message) {
                if (message != "NONE") {
                    var data = eval("(" + message + ")");

                    var char1 = new Highcharts.Chart({
                        chart: {
                            renderTo: 'khjynzc',
                            type: 'line'
                        },
                        title: {
                            text: data.charttitle
                        },
                        xAxis: {
                            categories: ['近1个月', '近3个月', '近6个月', '近12个月'] // eval(data.categories),

                        },
                        yAxis: {
                            //                            allowDecimals: false,
                            //                            min: 0,

                            title: {
                                text: ''
                            },
                            labels: {
                                formatter: function () {
                                    return this.value;
                                }

                            }, lineWidth: 1
                            , tickInterval: 5000
                            , tickmarkPlacement: 'on'

                        },
                        tooltip: {
                            formatter: function () {
                                return '<b>' + this.x + '</b><br/>' +
                        this.series.name + ': ' + this.y + '<br/>'; //+ '合计: ' + this.point.stackTotal;
                            }
                        },
                        marker: {
                            enabled: false//是否显示点  

                        },
                        credits: {
                            enabled: false     //去掉highcharts网站url  
                        },
                        series: [{
                            name: data.seriesname,
                            data: eval(data.seriesdata),
                            marker: {//系列在坐标刻度点上的标记属性设置

                                enabled: false//是否启用标记


                            }
                        },
                        {
                            name: '按有资产的可交易天数', //data.seriesname,
                            data: eval(data.secseriesdata),
                            marker: {//系列在坐标刻度点上的标记属性设置

                                enabled: false//是否启用标记


                            }
                            //   , dashStyle: 'longdashdot'//系列的样式：shotdot、dash、longdashdot
                        }]

                    });
                    //                    $("#divprocess").hide();
                }
                else {
                    //                    $("#divpgtsh").html("估算失败！");
                }
            },
            error: function () {
                //                $("#divpgtsh").html("连接服务是发生异常！");
            }
        });
    }  

    function SetPagerNo(cPage) {
        SearchQuery(cPage, _pSize);
    }
    // 绑定查询记录
    function BindQueryList(message) {
        var oHtml = "";
        if (message == "none") { $("#search_result").html("<tr><td colspan=9>未查询到相关记录！</td></tr>"); return; }
        var list = eval("(" + message + ")").CustomerViewMana;
        for (var i = 0; i < list.length; i++) {
            var data = list[i];
            oHtml += "<tr onclick=\"buildcharttz2('" + data.guestno + "',this);\">";
            oHtml += "<td  class=\"DmpData1\">" + data.RELTELPHONE + "</td>";
            oHtml += "<td>" + data.guestname + "</td>";
            oHtml += "<td>" + data.perdayasset.toString() + "</td>";
            oHtml += "</tr>";
        }
        jQuery("#search_result").html(oHtml);
    }

    // 绑定查询记录
    function YnBindQueryList(message) {
        var oHtml = "";
        if (message == "none") { $("#ynsearch_result").html("<tr><td colspan=9>未查询到相关记录！</td></tr>"); return; }
        var list = eval("(" + message + ")").CustomerViewMana;
//        for (var i = 0; i < list.length; i++) {
//            var data = list[i];
//            oHtml += "<tr>";
//            oHtml += "<td  class=\"DmpData1\">" + data.guestno + "</td>";
//            oHtml += "<td>" + data.guestname + "</td>";
//            oHtml += "<td>" + data.perdayasset.toString() + "</td>";
//            oHtml += "</tr>";
        //        }

      //  for (var i = 0; i < 5; i++) 
        {
          //  var data = list[i];
            oHtml += "<tr>";
            oHtml += "<td  class=\"DmpData1\">" + "2012-3-1" + "</td>";
            oHtml += "<td>" + "600391" + "</td>";
            oHtml += "<td>" + "5.1" + "</td>";
            oHtml += "<td>" + "1" + "</td>";
            oHtml += "<td>" + "510" + "</td>";
            oHtml += "</tr>";
            oHtml += "<tr>";
            oHtml += "<td  class=\"DmpData1\">" + "2012-5-1" + "</td>";
            oHtml += "<td>" + "600396" + "</td>";
            oHtml += "<td>" + "4" + "</td>";
            oHtml += "<td>" + "2" + "</td>";
            oHtml += "<td>" + "800" + "</td>";
            oHtml += "</tr>";

            oHtml += "<tr>";
            oHtml += "<td  class=\"DmpData1\">" + "2012-7-1" + "</td>";
            oHtml += "<td>" + "600400" + "</td>";
            oHtml += "<td>" + "3" + "</td>";
            oHtml += "<td>" + "3" + "</td>";
            oHtml += "<td>" + "900" + "</td>";
            oHtml += "</tr>";

            oHtml += "<tr>";
            oHtml += "<td  class=\"DmpData1\">" + " " + "</td>";
            oHtml += "<td>" + "" + "</td>";
            oHtml += "<td>" + "" + "</td>";
            oHtml += "<td>" + "" + "</td>";
            oHtml += "<td>" + "" + "</td>";
            oHtml += "</tr>";

            oHtml += "<tr>";
            oHtml += "<td  class=\"DmpData1\">" + " " + "</td>";
            oHtml += "<td>" + "" + "</td>";
            oHtml += "<td>" + "" + "</td>";
            oHtml += "<td>" + "" + "</td>";
            oHtml += "<td>" + "" + "</td>";
            oHtml += "</tr>";

  

        }

        jQuery("#ynsearch_result").html(oHtml);
    }

    //----近1年佣金贡献---
    function buildyjmation() {
        var pValue = "F02002";
        jQuery.ajax({
            type: "post",
            url: "/InteractiveData/CustomerViewAjax.aspx",
            data: "paramvalue=" + escape(pValue) + "&paramtype=BuilderChartF02002",
            beforeSend: function () {
                //                $("#divprocess").show();
            },
            success: function (message) {
                if (message != "NONE") {
                    var data = eval("(" + message + ")");

                    var char1 = new Highcharts.Chart({
                        chart: {
                            renderTo: 'khynyjgx',
                            type: 'line'
                        },
                        title: {
                            text: data.charttitle
                        },
                        xAxis: {
                            categories: ['近1个月', '近3个月', '近6个月', '近12个月'] // eval(data.categories),

                        },
                        yAxis: {
                            //                            allowDecimals: false,
                            min: 0,

                            title: {
                                text: ' '
                            },
                            labels: {
                                formatter: function () {
                                    return this.value;
                                }

                            }, lineWidth: 1
                            , tickInterval: 100
                            , tickmarkPlacement: 'on'

                        },
                        tooltip: {
                            formatter: function () {
                                return '<b>' + this.x + '</b>' + ': ' + this.y; //'<br/>' 
                                        //+this.series.name + ': ' + this.y + '<br/>'; // +'合计: ' + this.point.stackTotal;
                            }
                        },
                        marker: {
                            enabled: false//是否显示点  

                        },
                        credits: {
                            enabled: false     //去掉highcharts网站url  
                        },
                        series: [{
                            name: data.seriesname,
                            data: eval(data.seriesdata),
                            marker: {//系列在坐标刻度点上的标记属性设置

                                enabled: false//是否启用标记


                            }
                        }]

                    });
                    //                    $("#divprocess").hide();
                }
                else {
                    //                    $("#divpgtsh").html("估算失败！");
                }
            },
            error: function () {
                //                $("#divpgtsh").html("连接服务是发生异常！");
            }
        });
    }

    //---客户近1年净资产投入---
 function buildjzcmation() {
        var pValue = "F02003";
        jQuery.ajax({
            type: "post",
            url: "/InteractiveData/CustomerViewAjax.aspx",
            data: "paramvalue=" + escape(pValue) + "&paramtype=BuilderChartF02003",
            beforeSend: function () {
                //                $("#divprocess").show();
            },
            success: function (message) {
                if (message != "NONE") {
                    var data = eval("(" + message + ")");

                    var char1 = new Highcharts.Chart({
                        chart: {
                            renderTo: 'khynjzcgx',
                            type: 'column'
                        },
                        title: {
                            text: data.charttitle
                        },
                        xAxis: {
                            categories: ['近1个月', '近3个月', '近6个月', '近12个月'] // eval(data.categories),

                        },
                        yAxis: {
                            //                            allowDecimals: false,
                            min: 0,

                            title: {
                                text: ''
                            },
                            labels: {
                                formatter: function () {
                                    return this.value;
                                }

                            }, lineWidth: 1
                            , tickInterval: 1000
                            , tickmarkPlacement: 'on'

                        },
                        plotOptions: {
                            column: {
                                cursor: 'pointer',

                                dataLabels: {
                                    enabled: true,

                                    formatter: function () {
                                        return this.y;
                                    }
                                }
                            }
                        },

                        tooltip: {
                            formatter: function () {
                                return '<b>' + this.x + '</b>' + ': ' + this.y; //'<br/>'
                                //this.series.name + ': ' + this.y + '<br/>' +
                                //'合计: ' + this.point.stackTotal;
                            }
                        },
                        marker: {
                            enabled: false//是否显示点  

                        },
                        credits: {
                            enabled: false     //去掉highcharts网站url  
                        },
                        series: [{
                            name: data.seriesname,
                            data: eval(data.seriesdata),
                            marker: {//系列在坐标刻度点上的标记属性设置

                                enabled: false//是否启用标记


                            }
                        }]

                    });
                    //                    $("#divprocess").hide();
                }
                else {
                    //                    $("#divpgtsh").html("估算失败！");
                }
            },
            error: function () {
                //                $("#divpgtsh").html("连接服务是发生异常！");
            }
        });
    }

    //---客户近1年资金转入\转出金额与次数统计---
    function buildzrzccmation() {
        var pValue = "F02004";
         jQuery.ajax({
            type: "post",
            url: "/InteractiveData/CustomerViewAjax.aspx",
            data: "paramvalue=" + escape(pValue) + "&paramtype=BuilderChartF02004",
            beforeSend: function () {
                //                $("#divprocess").show();
            },
            success: function (message) {
                if (message != "NONE") {
                    var data = eval("(" + message + ")");

        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'khynzrzccs',
                zoomType: 'xy'
            },
            title: {
                text: '客户近一年资金转入\转出金额与次数统计'
            },
            xAxis: {
                categories: ['近1个月', '近3个月', '近6个月',  '近12个月']
            },
            yAxis:[ {
                //                            allowDecimals: false,
                min: -4000,
                 lineWidth: 1
                 , tickInterval: 1000
                , tickmarkPlacement: 'on',
                title: {
                    text: ''
                },
                labels: {
                    formatter: function () {
                        return this.value;
                    }

                }
                //,

              }

                , { // Secondary yAxis
//                    min: 0,
//                    lineWidth: 1
//                 , tickInterval: 1,
//                , tickmarkPlacement: 'on',
                title: {
                    text: '',
                    style: {
                        color: '#4572A7'
                    }
                },
                labels: {
                    formatter: function() {
                        return this.value;
                    },
                    style: {
                        color: '#4572A7'
                    }
                },
                opposite: true

            }],
            tooltip: {
                formatter: function () {
                    var s;
                    if (this.point.name) { // the pie chart
                        s = '' +
                            this.point.name + ': ' + this.y + ' fruits';
                    } else {
                        s = '' +
                            this.x + ': ' + this.y;
                    }
                    return s;
                }
            },
                                  credits: {  
                          enabled: false     //去掉highcharts网站url  
                        }, 
//            labels: {
//                items: [{
//                    html: 'Total fruit consumption',
//                    style: {
//                        left: '40px',
//                        top: '8px',
//                        color: 'black'
//                    }
//                }]
//            },
//            legend: {
//                layout: 'vertical',
//                align: 'left',
//                x: 120,
//                verticalAlign: 'top',
//                y: 100,
//                floating: true,
//                backgroundColor: '#FFFFFF'
//            },
//            series: [{
//                name: 'Rainfall',
//                color: '#4572A7',
//                type: 'column',
//                yAxis: 1,
//                data: eval(data.seriesdata)

//            }, {
//                name: 'Temperature',
//                color: '#89A54E',
//                type: 'spline',
//                data:  eval(data.secseriesdata)
//            }]

            series: [
            {
                type: 'column',
                name: '转入\转出金额',
                yAxis: 1,
                data: eval(data.seriesdata)
            }, 
            {
                type: 'spline',
                name: '转入\转出次数',
                data: eval(data.secseriesdata),
                marker: {
                    lineWidth: 2,
                 //   lineColor: Highcharts.getOptions().colors[3],
                    fillColor: 'white'
                }

            }]


        });
        }
        }
})
        }
    //---客户最近1个月持仓比例统计---
        function buildkhcccmation() {
            var pValue = "F02005";
            jQuery.ajax({
                type: "post",
                url: "/InteractiveData/CustomerViewAjax.aspx",
                data: "paramvalue=" + escape(pValue) + "&paramtype=BuilderChartF02005",
                beforeSend: function () {
                    //                $("#divprocess").show();
                },
                success: function (message) {
                    if (message != "NONE") {
                        var data = eval("(" + message + ")");

                        chart = new Highcharts.Chart(
                        {
                            chart:
                            {
                                renderTo: 'khynzrccbl',
                                type: 'column'
                            },
                            credits: {
                                enabled: false     //去掉highcharts网站url  
                            },
                            title:
                        {
                            text: data.charttitle
                        },
                            xAxis:
                        {
                            categories: ['月初持仓', '月末持仓', '最低持仓', '最高持仓', '持仓中位数', '持仓平均数']
                        },
                            yAxis:
                        {
                            min: 0,
                            tickInterval: 0.2,
                            //  tickmarkPlacement: 'on',
                            title:
                            {
                                text: ''
                            }
                        },
                            plotOptions: {
                                column: {
                                    cursor: 'pointer',
                                    dataLabels: {
                                        enabled: true,
                                        color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
                                        formatter: function () {
                                            return this.y;
                                        }
                                    }
                                }
                            },
                            series:
                        [{
                            name: data.seriesname,
                            data: eval(data.seriesdata)

                        }]
                        });
                    }
                }
            })
        }
        //---客户月末产品持仓市值与比例统计---
        function buildkhymcpszbltj() {
            var pValue = "F02006";
            jQuery.ajax({
                type: "post",
                url: "/InteractiveData/CustomerViewAjax.aspx",
                data: "paramvalue=" + escape(pValue) + "&paramtype=BuilderChartF02006",
                beforeSend: function () {
                    //                $("#divprocess").show();
                },
                success: function (message) {
                    if (message != "NONE") {
                        var data = eval("(" + message + ")");

                        chart = new Highcharts.Chart({
                            chart: {
                                renderTo: 'khymcpszbltj',
                                zoomType: 'xy',
                                type: 'column'
                            },
                           credits: {  
                             enabled: false     //去掉highcharts网站url  
                                   } ,
                            title: {
                                text: data.charttitle
                            },
                            xAxis: {
                                categories: eval(data.categories)
                            },
                            yAxis: {
                                allowDecimals: false,
                                min: 0,
                                title: {
                                    text: ''
                                }
                            },
                            tooltip: {
                                formatter: function () {
                                    return '<b>' + this.x + '</b><br/>' +
                                    this.series.name + ': ' + this.y + '<br/>' +
                                    '合计: ' + this.point.stackTotal;
                                }
                            },
                            plotOptions: {
                                column: {
                                    stacking: 'normal',
                                    dataLabels: {
                                        enabled: true,
                                        color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
                                    }
                                }
                            },
                            series: [{
                                name: data.seriesname,
                                data: eval(data.seriesdata)
                            }]
                        });
                    }
                }
            })
}


//---客户月末持仓比例最高比例统计---
function buildkhymccbltj() {
    var pValue = "F02007";
    jQuery.ajax({
        type: "post",
        url: "/InteractiveData/CustomerViewAjax.aspx",
        data: "paramvalue=" + escape(pValue) + "&paramtype=BuilderChartF02007",
        beforeSend: function () {
            //                $("#divprocess").show();
        },
        success: function (message) {
            if (message != "NONE") {
                var data = eval("(" + message + ")");

                chart = new Highcharts.Chart(
                        {
                            chart:
                            {
                                renderTo: 'khymccbltj',
                                type: 'column'
                            },
                      credits: {  
                          enabled: false     //去掉highcharts网站url  
                        } ,
                            title:
                            {
                                text: data.charttitle
                            },
                            xAxis:
                            {
                                categories: ['地区', '行业', '风格']
                            },
                            yAxis:
                            {
                                min: 0,
                                tickInterval: 10,
                                //  tickmarkPlacement: 'on',
                                title:
                               {
                                   text: ''
                               }
                            }

                              ,
                            plotOptions: {
                                column: {
                                    cursor: 'pointer',

                                    dataLabels: {
                                        enabled: true,

                                        formatter: function () {
                                            return this.y;
                                        }
                                    }
                                }
                            },
                            series:
                           [{
                               name: data.seriesname,
                               data: eval(data.seriesdata)
                           }]
                        });
            }
        }
    })
}





//---客户最近3个月委托时段TOP3买入\卖出统计---
function buildkhwtsdmrmctj() {
    var pValue = "F02008";
    jQuery.ajax({
        type: "post",
        url: "/InteractiveData/CustomerViewAjax.aspx",
        data: "paramvalue=" + escape(pValue) + "&paramtype=BuilderChartF02008",
        beforeSend: function () {
            //                $("#divprocess").show();
        },
        success: function (message) {
            if (message != "NONE") {
                var data = eval("(" + message + ")");

                chart = new Highcharts.Chart(
                        {
                            chart:
                            {
                                renderTo: 'khwtsdmrmctj',
                                type: 'column'
                            },

                            title:
                            {
                                text: '客户最近3个月委托时段TOP3买入\卖出统计'
                            },
                          credits: {  
                          enabled: false     //去掉highcharts网站url  
                              } 
                            ,
                            xAxis:
                            {
                                categories: eval(data.categories)//['委托买入', '委托卖出']
                            },
                            yAxis:
                            {
                                min: 0,
                                tickInterval: 1,
                                //  tickmarkPlacement: 'on',
                                title:
                               {
                                   text: ''
                               }
                            }

                              ,
                            plotOptions: {
                                column: {
                                    cursor: 'pointer',

                                    dataLabels: {
                                        enabled: true,

                                        formatter: function () {
                                            return this.y;
                                        }
                                    }
                                }
                            },
                            series:
                           [{
                               name: '委托买入',

                               data: eval(data.seriesdata)

                           }, {
                               name: '委托卖出',
                               data: eval(data.secseriesdata)

                           }]






                        });
            }
        }
    })
       }

  //------客户最近3个月购买委托资金占比------
    function buildkhgmwtzjzb() 
    {
        var chart = new Highcharts.Chart({

            chart: {
                renderTo: 'khgmwtzjzb',
                type: 'gauge',
                plotBackgroundColor: null,
                plotBackgroundImage: null,
                plotBorderWidth: 0,
                plotShadow: false
            },

            title: {
                text: '客户最近3个月购买委托资金占比 '
            },
                      credits: {  
                          enabled: false     //去掉highcharts网站url  
                        } ,
            pane: {
                startAngle: -150,
                endAngle: 150,
                background: [{
                    backgroundColor: {
                        linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
                        stops: [
	                    [0, '#FFF'],
	                    [1, '#333']
	                ]
                    },
                    borderWidth: 0,
                    outerRadius: '109%'
                }, {
                    backgroundColor: {
                        linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
                        stops: [
	                    [0, '#333'],
	                    [1, '#FFF']
	                ]
                    },
                    borderWidth: 1,
                    outerRadius: '107%'
                }, {
                // default background
            }, {
                backgroundColor: '#DDD',
                borderWidth: 0,
                outerRadius: '105%',
                innerRadius: '103%'
            }]
        },

        // the value axis
        yAxis: {
            min: 0,
            max: 100,

            minorTickInterval: 'auto',
            minorTickWidth: 1,
            minorTickLength: 10,
            minorTickPosition: 'inside',
            minorTickColor: '#666',

            tickPixelInterval: 30,
            tickWidth: 2,
            tickPosition: 'inside',
            tickLength: 10,
            tickColor: '#666',
            labels: {
                step: 2,
                rotation: 'auto'
            },
            title: {
                text: ''
            },
            plotBands: [{
                from: 0,
                to: 40,
                color: '#DF5353' //  red
            }, {
                from: 40,
                to: 50,
                color: '#DDDF0D' // yellow
            }, {
                from: 50,
                to: 100,
                color: '#55BF3B' // green
            }]
        },

        series: [{
            name: 'Speed',
            data: [0.7],
            tooltip: {
                valueSuffix: ' '
            }
        }]

    },
    // Add some life
	function (chart) {
	    setInterval(function () {
	        var point = chart.series[0].points[0],
	            newVal,
	            inc = Math.round((Math.random() - 0.5) * 20);

	        newVal = point.y + inc;
	        if (newVal < 0 || newVal > 100) {
	            newVal = point.y - inc;
	        }

	        point.update(newVal);

	    }, 3000);
	});


  



///=====

      
     }

//----

     function buildkhzjzuizatbbl() {
         var chart = new Highcharts.Chart({

             chart: {
                 renderTo: 'khzjzuizatbbl',
                 type: 'gauge',
                 plotBackgroundColor: null,
                 plotBackgroundImage: null,
                 plotBorderWidth: 0,
                 plotShadow: false
             },

             title: {
                 text: '客户最近3个月追涨停板比例  '
             },
                      credits: {  
                          enabled: false     //去掉highcharts网站url  
                        } ,
             pane: {
                 startAngle: -150,
                 endAngle: 150,
                 background: [{
                     backgroundColor: {
                         linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
                         stops: [
	                    [0, '#FFF'],
	                    [1, '#333']
	                ]
                     },
                     borderWidth: 0,
                     outerRadius: '109%'
                 }, {
                     backgroundColor: {
                         linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
                         stops: [
	                    [0, '#333'],
	                    [1, '#FFF']
	                ]
                     },
                     borderWidth: 1,
                     outerRadius: '107%'
                 }, {
                 // default background
             }, {
                 backgroundColor: '#DDD',
                 borderWidth: 0,
                 outerRadius: '105%',
                 innerRadius: '103%'
             }]
         },

         // the value axis
         yAxis: {
             min: 0,
             max: 100,

             minorTickInterval: 'auto',
             minorTickWidth: 1,
             minorTickLength: 10,
             minorTickPosition: 'inside',
             minorTickColor: '#666',

             tickPixelInterval: 30,
             tickWidth: 2,
             tickPosition: 'inside',
             tickLength: 10,
             tickColor: '#666',
             labels: {
                 step: 2,
                 rotation: 'auto'
             },
             title: {
                 text: ''
             },
             plotBands: [{
                 from: 0,
                 to: 40,
                 color: '#DF5353' //  red
             }, {
                 from: 40,
                 to: 50,
                 color: '#DDDF0D' // yellow
             }, {
                 from: 50,
                 to: 100,
                 color: '#55BF3B' // green
             }]
         },

         series: [{
             name: 'Speed',
             data: [0.7],
             tooltip: {
                 valueSuffix: ' '
             }
         }]

     },
     // Add some life
	function (chart) {
	    setInterval(function () {
	        var point = chart.series[0].points[0],
	            newVal,
	            inc = Math.round((Math.random() - 0.5) * 20);

	        newVal = point.y + inc;
	        if (newVal < 0 || newVal > 100) {
	            newVal = point.y - inc;
	        }

	        point.update(newVal);

	    }, 3000);
	});






     ///=====


}


     //----客户委托渠道次数TOP3统计---
     function buildkhwtqdcstj() {
         var pValue = "F02010";
         jQuery.ajax({
             type: "post",
             url: "/InteractiveData/CustomerViewAjax.aspx",
             data: "paramvalue=" + escape(pValue) + "&paramtype=BuilderChartF02010",
             beforeSend: function () {
                 //                $("#divprocess").show();
             },
             success: function (message) {
                 if (message != "NONE") {
                     var data = eval("(" + message + ")");

                     var char1 = new Highcharts.Chart({
                         chart: {
                             renderTo: 'khwtqdcstj',
                             type: 'line'
                         },
                         title: {
                             text: data.charttitle
                         },
                         xAxis: {
                             categories: ['柜台委托', '自助委托', '网上交易'] // eval(data.categories),

                         },
                         yAxis: {
                             //                            allowDecimals: false,
                             min: 0,

                             title: {
                                 text: ''
                             },
                             credits: {
                                 enabled: false     //去掉highcharts网站url  
                             },
                             labels: {
                                 formatter: function () {
                                     return this.value;
                                 }

                             }, lineWidth: 1
                            , tickInterval: 2
                            , tickmarkPlacement: 'on'

                         },
                         plotOptions: {
                             column: {
                                 cursor: 'pointer',

                                 dataLabels: {
                                     enabled: true,

                                     formatter: function () {
                                         return this.y;
                                     }
                                 }
                             }
                         },
                         tooltip: {
                             formatter: function () {
                                 return '<b>' + this.x + '</b>' + ': ' + this.y; //<br/>
                                 //this.series.name + ': ' + this.y + '<br/>' +
                                 //'合计: ' + this.point.stackTotal;
                             }
                         },
                         marker: {
                             enabled: false//是否显示点  

                         },
                         series: [{
                             name: data.seriesname,
                             data: eval(data.seriesdata),
                             marker: {//系列在坐标刻度点上的标记属性设置
                                 enabled: false//是否启用标记
                             }
                         }]

                     });
                     //                    $("#divprocess").hide();
                 }
                 else {
                     //                    $("#divpgtsh").html("估算失败！");
                 }
             },
             error: function () {
                 //                $("#divpgtsh").html("连接服务是发生异常！");
             }
         });
     }


     //---最近3个月交易次数TOP2统计---
     function buildhkmrjejecstptj() {
         var pValue = "F02012";
         jQuery.ajax({
             type: "post",
             url: "/InteractiveData/CustomerViewAjax.aspx",
             data: "paramvalue=" + escape(pValue) + "&paramtype=BuilderChartF02012",
             beforeSend: function () {
                 //                $("#divprocess").show();
             },
             success: function (message) {
                 if (message != "NONE") {
                     var data = eval("(" + message + ")");

                     chart = new Highcharts.Chart({
                         chart: {
                             renderTo: 'hkmrjejecstptj',
                             zoomType: 'xy',
                             type: 'column'
                         },
                      credits: {  
                          enabled: false     //去掉highcharts网站url  
                        } ,
                         title: {
                             text: data.charttitle //'客户买入金额金额次数TOP2统计'
                         },
                         xAxis: {
                             categories: eval(data.categories),
                         },
                         yAxis: {
                             allowDecimals: false,
                             min: 0,
                             title: {
                                 text: ''
                             }
                         },
                         tooltip: {
                             formatter: function () {
                                 return '<b>' + this.x + '</b><br/>' +
                                    this.series.name + ': ' + this.y + '<br/>' +
                                    '合计: ' + this.point.stackTotal;
                             }
                         },
                         plotOptions: {
                             column: {
                                 cursor: 'pointer',
                                 dataLabels: {
                                     enabled: true,
                                     formatter: function () {
                                         return this.y;
                                     }
                                 }
                             }
                         },
                         series: [{
                             name: data.seriesname,
                             data: eval(data.seriesdata)
                         }]
                     });
                 }
             }
         })
}

//----客户最近1年盈亏率统计---
function buildkhykltj() {
    var pValue = "F02013";
    jQuery.ajax({
        type: "post",
        url: "/InteractiveData/CustomerViewAjax.aspx",
        data: "paramvalue=" + escape(pValue) + "&paramtype=BuilderChartF02013",
        beforeSend: function () {
            //                $("#divprocess").show();
        },
        success: function (message) {
            if (message != "NONE") {
                var data = eval("(" + message + ")");

                var char1 = new Highcharts.Chart({
                    chart: {
                        renderTo: 'khykltj',
                        type: 'line'
                    },
                    credits: {
                        enabled: false     //去掉highcharts网站url  
                    },
                    title: {
                        text: data.charttitle
                    },
                    xAxis: {
                        categories: ['近1个月', '近3个月', '近6个月', '近12个月'] // eval(data.categories),

                    },
                    yAxis: {
                        //                            allowDecimals: false,
                        min: -12,

                        title: {
                            text: ''
                        },
                        labels: {
                            formatter: function () {
                                return this.value;
                            }

                        }, lineWidth: 1
                            , tickInterval: 2
                            , tickmarkPlacement: 'on'

                    },
                    plotOptions: {
                        line: {
                            cursor: 'pointer',

                            dataLabels: {
                                enabled: true,

                                formatter: function () {
                                    return this.y;
                                }
                            }
                        }
                    },

                    tooltip: {
                        formatter: function () {
                            return '<b>' + this.x + '</b>' + ': ' + this.y; //<br/>
                            //this.series.name + ': ' + this.y + '<br/>' +
                            //'合计: ' + this.point.stackTotal;
                        }
                    },
                    marker: {
                        enabled: false//是否显示点  

                    },
                    series: [{
                        name: data.seriesname,
                        data: eval(data.seriesdata),
                        marker: {//系列在坐标刻度点上的标记属性设置

                            enabled: false//是否启用标记


                        }
                    }]

                });
                //                    $("#divprocess").hide();
            }
            else {
                //                    $("#divpgtsh").html("估算失败！");
            }
        },
        error: function () {
            //                $("#divpgtsh").html("连接服务是发生异常！");
        }
    });
}



//---最近3个月交易金额TOP2统计---
function buildkhmcjejecstj() {
    var pValue = "F02014";
    jQuery.ajax({
        type: "post",
        url: "/InteractiveData/CustomerViewAjax.aspx",
        data: "paramvalue=" + escape(pValue) + "&paramtype=BuilderChartF02014",
        beforeSend: function () {
            //                $("#divprocess").show();
        },
        success: function (message) {
            if (message != "NONE") {
                var data = eval("(" + message + ")");

                chart = new Highcharts.Chart({
                    chart: {
                        renderTo: 'khmcjejecstj',
                        zoomType: 'xy',
                        type: 'column'
                    },
                      credits: {  
                          enabled: false     //去掉highcharts网站url  
                        } ,
                    title: {
                        text: data.charttitle 
                    },
                    xAxis: {
                        categories: eval(data.categories) 
                    },
                    yAxis: [{
                        //                            allowDecimals: false,
                        min: 0,
                        //lineWidth: 1
                        //tickInterval: 2000,
                        //tickmarkPlacement: 'on',
                        title: {
                            text: ''
                        },
                        labels: {
                            formatter: function () {
                                return this.value;
                            }

                        }
                        , opposite: true
                    },
                     {
                    min: 0,
                 //   lineWidth: 1
               //  ,
             //     tickInterval: 0.5
             //   , tickmarkPlacement: 'on',
                    gridLineWidth: 0,
                    title: {
                        text: '',
                        style: {
                            color: '#4572A7'
                        }
                    },
                    labels: {
                        formatter: function () {
                            return this.value;
                        },
                        style: {
                            color: '#4572A7'
                        }
                    }
                 //  , opposite: true

                }],
                    tooltip: {
                        formatter: function () {
                            var s;
                            if (this.point.name) { // the pie chart
                                s = '' +
                            this.point.name + ': ' + this.y + ' fruits';
                            } else {
                                s = '' +
                            this.x + ': ' + this.y;
                            }
                            return s;
                        }
                    },
                    series: [{
                        name: data.seriesname,
                        data: eval(data.seriesdata)
                    }]
                });
            }
        }
    })
}

//----客户近1年换手率统计---
function buildkhhsltj() {
    var pValue = "F02015";
    jQuery.ajax({
        type: "post",
        url: "/InteractiveData/CustomerViewAjax.aspx",
        data: "paramvalue=" + escape(pValue) + "&paramtype=BuilderChartF02015",
        beforeSend: function () {
            //                $("#divprocess").show();
        },
        success: function (message) {
            if (message != "NONE") {
                var data = eval("(" + message + ")");

                var char1 = new Highcharts.Chart({
                    chart: {
                        renderTo: 'khhsltj',
                        type: 'line'
                    },
                    credits: {
                        enabled: false     //去掉highcharts网站url  
                    },
                    title: {
                        text: data.charttitle
                    },
                    xAxis: {
                        categories: ['近1个月', '近3个月', '近6个月', '近12个月'] // eval(data.categories),

                    },
                    yAxis: {
                        //                            allowDecimals: false,
                        min: 0,

                        title: {
                            text: ''
                        },
                        labels: {
                            formatter: function () {
                                return this.value + "%";
                            }

                        }, lineWidth: 1
                            , tickInterval: 10
                            , tickmarkPlacement: 'on'

                    },
                    plotOptions: {
                        line: {
                            cursor: 'pointer',

                            dataLabels: {
                                enabled: true,

                                formatter: function () {
                                    return this.y + "%";
                                }
                            }
                        }
                    },
                    tooltip: {
                        formatter: function () {
                            return '<b>' + this.x + '</b>' + ': ' + this.y; //<br/>
                            //this.series.name + ': ' + this.y + '<br/>' +
                            //'合计: ' + this.point.stackTotal;
                        }
                    },
                    marker: {
                        enabled: false//是否显示点  

                    },
                    series: [{
                        name: data.seriesname,
                        data: eval(data.seriesdata),
                        marker: {//系列在坐标刻度点上的标记属性设置
                            enabled: false//是否启用标记
                        }
                    }]

                });
                //                    $("#divprocess").hide();
            }
            else {
                //                    $("#divpgtsh").html("估算失败！");
            }
        },
        error: function () {
            //                $("#divpgtsh").html("连接服务是发生异常！");
        }
    });
}


    </script>
</head>

<body>
  <form id="form1" runat="server">

<div style="clear:both"></div>
<div id="shitubigbox">
<div class="shituboxleft">
<div id="con">
  <ul id="tags">
    <li class="selectTag"><a onclick="selectTagvalue('tagContent0',0,this)" 
  href="javascript:void(0)">账户信息</a> </li>
    <li><a  onclick="selectTagvalue('tagContent1',1,this)" 
  href="javascript:void(0)">投资结构</a> </li>
    <li><a onclick="selectTagvalue('tagContent2',2,this)" 
  href="javascript:void(0)">委托行为</a> </li>
    <li><a onclick="selectTagvalue('tagContent3',3,this)" 
  href="javascript:void(0)">交易行为</a> </li>
  </ul>
  <div id="tagContent">
    <div class="tagContent selectTag" id="tagContent0">
     <div class="toplist">
     <ul>
      <li><a><strong>您当前所在的位置：</strong>客户视图 ><strong>账户信息</strong></a></li>
      
     </ul>
     
    </div>
    <div style="clear:both"></div>
    <div class="wrapper">
    <!--风格一，sharp color1-->
    <div class="wrapperbox">
     <div class="shituleft0">
      <ul>
      <li><div class="sharp color1">
        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> 
        <div class="content">  
              <div class="content-top"><a>客户近一年日均资产分布
</a><span><img alt=""src="../images/bigicon.png" width="14" height="14" /></span></div>
              <div class="contentbox" id="khjynzc"><br/>
              <%--  <span><a class="blue">总客户数</a><a class="red">有效客户数</a><a class="green">有效户率</a></span>--%>
              </div>
        </div>
        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>    
    </div></li>
    
      <li><div class="sharp color1">
        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> 
        <div class="content">  
              <div class="content-top"><a>客户近一年佣金贡献
</a><span><img alt=""src="../images/bigicon.png" width="14" height="14" /></span></div>
              <div class="contentbox" id="khynyjgx"><br/>
              <%-- <span><a class="blue">总客户数</a><a class="red">有效客户数</a><a class="green">有效户率</a></span>--%>
              </div>
        </div>
        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>    
    </div></li>
    
    <li><div class="sharp color1">
        <b class="b1"></b><b class="b2"></b><b class="b3"></b>
        <div class="content">  
          <div class="content-top"><a>客户近一年净资产投入
</a><span><img alt=""src="../images/bigicon.png" width="14" height="14" /></span><b class="b4"></b></div>
              <div class="contentbox" id="khynjzcgx"><br/>
                
              </div>
      </div>
        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>    
    </div></li>
    
<li><div class="sharp color1">
        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> 
        <div class="content">  
              <div class="content-top"><a>客户近一年资金转入\转出金额与次数统计
</a><span><img alt=""src="../images/bigicon.png" width="14" height="14" /></span></div>
              <div class="contentbox" id="khynzrzccs"><br/>
                
              </div>
        </div>
        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>    
    </div></li>
    
</ul>

     </div> 
    </div>
</div></div>

    
         
<div class="tagContent" id="tagContent1">
     <div class="toplist">
     <ul>
      <li><a><strong>您当前所在的位置：</strong>客户视图 ><strong>投资机构</strong></a></li>
      
     </ul>
     
    </div>
    <div style="clear:both"></div>
    <div class="wrapper">
    <!--风格一，sharp color1-->
    <div class="wrapperbox">
     <div class="shituleft0">
      <ul>
      <li><div class="sharp color1">
        <b class="b1"></b><b class="b2"></b><b class="b4"></b><b class="b3"></b>
        <div class="content">  
          <div class="content-top"><a>最近1个月持仓比例统计

</a><span><img alt="" src="../images/bigicon.png" width="14" height="14" /></span></div>
              <div class="contentbox" id="khynzrccbl"><br/>

              <%--  <span><a class="blue">总客户数</a><a class="red">有效客户数</a><a class="green">有效户率</a></span>--%>
              </div>
      </div>
        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>    
    </div></li>
    
      <li><div class="sharp color1">
        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> 
        <div class="content">  
              <div class="content-top"><a>月末产品持仓市值统计

</a><span><img alt=""src="../images/bigicon.png" width="14" height="14" /></span></div>
              <div class="contentbox" id="khymcpszbltj"><br/>
              <%--<span><a class="blue">总客户数</a><a class="red">有效客户数</a><a class="green">有效户率</a></span>  --%>
              </div>
        </div>
        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>    
    </div></li>
    
    
    <li><div class="sharp color1">
        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> 
        <div class="content">  
              <div class="content-top"><a>月末持仓种类最高持仓比例统计

</a><span><img alt="" src="../images/bigicon.png" width="14" height="14" /></span></div>
              <div class="contentbox" id="khymccbltj"><br/>
                
              </div>
        </div>
        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>    
    </div></li>
    
    
    
    
    <li><div class="sharp color1">
        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> 
        <div class="content">  
              <div class="content-top"><a>最近一年股票买入记录
</a><span><img alt="" src="../images/bigicon.png" width="14" height="14" /></span></div>
         <div class="contentboxtable">
          <div class="shitusearchbox0">
              <table class="shitutabler0" id="hacker0" cellspacing="0">
  <tr class="trbj0">
    <td class="DmpData1">日期</td>
    <td class="DmpData1">股票代码</td>
    <td class="DmpData1">成交价格</td>
    <td class="DmpData1">成交份额</td>
   <td class="DmpData1">成交金额</td>

    </tr>
       <tbody id="ynsearch_result"></tbody>
    </table>
     <div id="ynpager_container"></div>
      </div>
         </div>
             
        </div>
        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>    
    </div></li>
    
      
    
     </ul>
     </div> 
      
    </div>
</div></div>
    
    
    
    <div class="tagContent" id="tagContent2">
     <div class="toplist">
     <ul>
      <li><a><strong>您当前所在的位置：</strong>客户视图 ><strong>委托行为</strong></a></li>
      
     </ul>
     
    </div>
    <div style="clear:both"></div>
    <div class="wrapper">
    <!--风格一，sharp color1-->
    <div class="wrapperbox">
     <div class="shituleft0">

      <ul>
      <li><div class="sharp color1">
        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> 
        <div class="content">  
              <div class="content-top"><a>客户最近3个月委托时段TOP3买入/卖出统计
</a><span><img alt=""src="../images/bigicon.png" width="14" height="14" /></span></div>
              <div class="contentbox" id="khwtsdmrmctj"><br/>
                <%--<span><a class="blue">总客户数</a><a class="red">有效客户数</a><a class="green">有效户率</a></span>--%>
              </div>
        </div>
        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>    
    </div></li>
    
      <li><div class="sharp color1">
        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> 
        <div class="content">  
              <div class="content-top"><a>客户最近3个月购买委托资金占比
</a><span><img alt="" src="../images/bigicon.png" width="14" height="14" /></span></div>
              <div class="contentbox" id="khgmwtzjzb"><br/>
                <%--<span><a class="blue">总客户数</a><a class="red">有效客户数</a><a class="green">有效户率</a></span>--%>
              </div>
        </div>
        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>    
    </div></li>
    
    
    <li><div class="sharp color1">
        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> 
        <div class="content">  
              <div class="content-top"><a>客户委托渠道次数TOP3统计
</a><span><img alt="" src="../images/bigicon.png" width="14" height="14" /></span></div>
              <div class="contentbox" id="khwtqdcstj"><br/>
                
              </div>
        </div>
        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>    
    </div></li>
    
    
    
    
    <li><div class="sharp color1">
        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> 
        <div class="content">  
              <div class="content-top"><a>客户最近3个月追涨停板比例
</a><span><img alt=""src="../images/bigicon.png" width="14" height="14" /></span></div>
              <div class="contentbox" id="khzjzuizatbbl" ><br/>
                
              </div>
        </div>
        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>    
    </div></li>
    
      
    
     </ul>
     </div> 
      
    </div>
</div></div>


    <div class="tagContent" id="tagContent3">
     <div class="toplist">
     <ul>
      <li><a><strong>您当前所在的位置：</strong>客户视图 ><strong>交易行为</strong></a></li>
      
     </ul>
     
    </div>
    <div style="clear:both"></div>
    <div class="wrapper">
    <!--风格一，sharp color1-->
    <div class="wrapperbox">
     <div class="shituleft0">
      <ul>
      <li><div class="sharp color1">
        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> 
        <div class="content">  
              <div class="content-top"><a>最近3个月交易次数TOP2统计
</a><span><img alt=""src="../images/bigicon.png" width="14" height="14" /></span></div>
              <div class="contentbox" id="hkmrjejecstptj"><br/>
                <%--<span><a class="blue">总客户数</a><a class="red">有效客户数</a><a class="green">有效户率</a></span>--%>
              </div>
        </div>
        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>    
    </div></li>
    
      <li><div class="sharp color1">
        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> 
        <div class="content">  
              <div class="content-top"><a>客户最近一年盈亏统计
</a><span><img src="../images/bigicon.png" width="14" height="14" /></span></div>
              <div class="contentbox" id="khykltj"><%--<img alt="" src="../images/02.png" width="401" height="176" />--%><br/>
               <%-- <span><a class="blue">总客户数</a><a class="red">有效客户数</a><a class="green">有效户率</a></span>--%>
              </div>
        </div>
        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>    
    </div></li>
    
    
    <li><div class="sharp color1">
        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> 
        <div class="content">  
              <div class="content-top"><a>最近3个月交易金额TOP2统计
</a><span><img alt="" src="../images/bigicon.png" width="14" height="14" /></span></div>
              <div class="contentbox" id="khmcjejecstj"><br/>
                
              </div>
        </div>
        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>    
    </div></li>
    
    
    
    
    <li><div class="sharp color1">
        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> 
        <div class="content">  
              <div class="content-top"><a>客户近一年换手率统计
</a><span><img alt=""src="../images/bigicon.png" width="14" height="14" /></span></div>
              <div class="contentbox" id="khhsltj"><br/>
                
              </div>
        </div>
        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>    
    </div></li>
    
      
    
     </ul>
     </div> 
      
    </div>  
</div></div>
</div>
</div>
</div>


<div class="shituboxright">
 <div class="shituboxrightbj">
  <div class="shituboxrightbj0"><a>请选择统计日期：<input class="Pathlistrighttext" name="" type="text" /><img alt=""src="../images/date.png" width="16" height="19"/><span><input class="Pathlistrightbottom" name="" type="button" border="0" value="查 询"  /></span></a></div>
 <div class="shitusharp0 color2">
        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> 
        <div class="content"> 
          <div class="shitusearchbox">
       <a>手机号码:<input class="toplistrighttext" name="" type="text"  id="inputsj"/>
       </a>
              <a>客户姓名:
              <input class="toplistrighttext" name="" type="text"  id="inputkhxm"/>
       </a>
              <a>证件号码:
              <input class="toplistrighttext" name="" type="text" id="inputzjhm" />
       </a>
       <a><span><input class="shituinput" name="" type="button" onclick="SearchQuery();"  value="搜 索"  /><input class="shituinput0" name="" type="button"  value="返 回"  /></span></a>
       <div style="clear:both"></div>
      </div>   
         <div class="shitusearchbox0">
              <table class="shitutabler" id="hacker" cellspacing="0">
  <tr class="trbj">
    <td class="DmpData1">手机号码</td>
    <td class="DmpData1">客户姓名</td>
    <td class="DmpData1"><a>上月日均资产</a></td>
    
    </tr>
     <tbody id="search_result"></tbody>
    </table>
              <div id="pagination-clean">
            <div id="pager_container"></div>
      </div>
      <div class="shitusearchbox00" >
    
     

            <div >
               <table class="ffshitutabler" id="hacker2" cellspacing="0">
                 <tbody id="search_resultPer"></tbody>
<%--                 <tr>
                   <td colspan="4"><input class="shitubottominput" name="" type="button"  value="更多信息"   onclick="clickgeduoinfo();"/></td>
                 </tr>--%>
               </table>
            </div>
                 
     
     

         <div  style="clear:both;display:none"  id="geduodivinfo" >
                        <table>
                 <tbody id="geduoinfo"></tbody>
               </table>
         
         </div>

         <div id="popupcontent"></div>



      
        
     
        
       </div>
              
        </div>
        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>    
  </div></div>
 </div>
</div>
</div>

<div style="clear:both"></div>
<div class="foot"><a>版权所有：深圳华策略科技有限公司</a></div>
<asp:HiddenField  ID="hid_dealid"  runat="server" Value="0"/>
<asp:HiddenField  ID="hid_cusno"  runat="server" Value="0"/>
</form>
</body>

</html>